<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			
		</style>
	</head>
	<body>
		
		<script>
			
			
			const example = document.createElement('div');
			example.className = "example";
				
			document.body.appendChild(example);
			const slogan = document.createElement('p');
			slogan.className = "slogan";
			example.appendChild(slogan)
			const txtP = document.createTextNode("你好，web前端");
			slogan.appendChild(txtP);
			
		</script>

/* 
for(let i=0;i<btnAdds.length;i++){
	btnAdds[i].addEventListener("click",function(){
		const newLi = document.createElement('li');
		newLi.innerHTML = '<li>list item new <button type="button" class="add">插入</button><button type="button" class="del">删除</button></li>';
		currentUl.insertBefore(newLi,this.parentNode);
			
	})	 
}

for(let i=0;i<btnDels.length;i++){
	btnDels[i].addEventListener("click",function(){
		currentUl.removeChild(this.parentNode);
	})	 
} 
*/
	</body>
</html>